<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
		<script>if(parent.emulator)parent.emulator.begin(window);</script>
        <title>Gorgeous Ruler</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script type="text/javascript" src="ruler.js" />
    </head>
    <body class="widgetMode">
        <div id="ruler" class="ruler">
			<div id="J_Operate" class="operate">
					<b class="o-min" title="Min"></b> <b class="o-close" title="Close"></b> <b class="o-dir" title="Vertical"></b> <b class="o-change" title="Change Color"></b>
			</div>
			<div id="J_Pre" class="pre"></div>
			<div id="J_Middle" class="middle"></div>
			<div id="J_Next" class="next"></div>
        </div>
		<span id="J_Guide" class="guide"><i id="J_GNum">100</i></span>
		<div id="J_Color" class="color"><label>Background:<input id="J_BgColor" size="7" type="text" /></label> <label>Alpha:<input id="J_Alpha" size="7" type="text" /></label> <button id="J_ChangeSure">Set</button> <button id="J_CancelSet">Cancel</button></div>
		<div id="J_MinBlock" class="min-block"><b class="o-max"></b></div>
    </body>
</html>
